/*
VIVIANE LIMA - estilo.css
Folha de Estilo Principal
Por Bruno
*/

/* ------- TAGS ------- */

body {
	border-top:#e3ded2 6px solid;
	color:#5b5b5b;
	font-family:'Open Sans', sans-serif;
	font-size:62.5%;
	font-weight:400;
	margin:0;
	text-align:left;
	text-rendering:optimizelegibility;
}

h1 {color:#6a9970; font-size:2.4em; font-weight:800; margin:0 0 1em; text-transform:uppercase;}

h2 {color:#b5b17d; font-size:1.5em; font-weight:800; margin:1em 0 0.6em; text-transform:uppercase;}

a {color:#b5b17d; text-decoration:none; transition: .3s ease 0s;}
a:hover {color:#6a9970;}

a img {border:none;}

form {margin:0;}

div.int {width:950px; margin:0 auto;}
div.int:after, div.int:before {clear:both;}
div[class^="span"] {display:inline-block; vertical-align:top;}
div.span2 {width:49.3%;}
div.span3 {width:33%;}
div.span4 {width:24.5%;}
div.span5 {width:19.5%;}

input, textarea, select {border:#c9cac4 1px solid; padding:0.5em 0.7em; font-size:1em; color:#929485; font-family:'Open Sans', sans-serif; transition:.3s ease 0s;}
input[name="nome"], input[name="email"], input[name="telefone"], input[name="cidade"], input[name="estado"], textarea[name="comentarios"] {width: 94%;}
input:focus, textarea:focus, select:focus {background: #efedee;}

i, cite, em, var, address, dfn {font-style:italic;}

strong, b {font-weight:700;}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 16px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #b8b8b8;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  height: 5px;
  background-color: #b8b8b8;
  -webkit-border-radius: 3px;
}

*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* -------- IDS -------- */

#topo {padding:2em 0;}
#topo .direita {background:url(../img/ico_tel.jpg) left 25% no-repeat; color:#a3a3a3; margin-top:0.75em; padding-left:2.5em; text-align:right;}

#miolo {background:url(../img/miolo_fundo.jpg) top repeat-x;}

#jquery, #jquery img {margin:0 auto; max-width:1920px; width:100%;}

#rodape {border-top:#e3ded2 7px solid; color:#2c2b2b; margin-top:5em; padding:3em 0 2em;}
#rodape .direitos, #rodape .telefone_rodape {font-size:1.07692307692em;}
#rodape .direitos {color:#979797; margin:0 0 0.7em;}
#rodape .telefone_rodape {color:#6a9970; font-weight:700; margin:0.3em 0 0;}
#rodape .creditos {color:#9e9e9e; font-size:0.92307692307em; margin:1em 0 0; text-align:right;}
#rodape .creditos a {color:#9e9e9e; font-weight:700;}

#interna {padding:3.69230769231em 1em 0;}

/* ------- CLASSES ------- */

.logo img {max-width:294px; width:100%;}

.telefone {font-size:1.4em; letter-spacing:-1px; margin:0;}
.telefone strong {color:#6a9970;}
.telefone .whatsapp {background:url(../img/ico_whats.png) center right no-repeat; padding-right:1.25em;}

.fb-widget {display:block; margin-top:1em;}

.menu {padding:1.5em 0; text-align:center; text-transform:uppercase;}
.menu ul, .menu li {margin:0; padding:0; display:inline-block; font-style:normal;}
.menu li {margin:0 1.8em;}
.menu a {color:#8b8b8b; font-weight:300; text-decoration:none;}
.menu a:hover {color:#93b7ac; font-weight:800;}

.bloco_home {padding-bottom:4em;}

.perfil {width:66.666666666%;}
.perfil h1 {margin-top:2em;}
.perfil .img_perfil {margin:0 0 0 2em;}
.perfil .envolve-botao {clear:none; margin-top:1.5em;}
.perfil .newsletter {display:inline-block; margin-top:-6em; width:52.85%;}
.perfil .newsletter h1 {margin-bottom:0;}
.perfil .newsletter input[type="text"] {margin-right:1%; width:79%;}
.perfil .newsletter input[type="button"] {cursor:pointer;}

.instagram {margin-left:4%; width:28.947368421%;}
.instagram .tit_instagram {background:url(../img/instagram.jpg) center left no-repeat; color:#6a9970; font-size:3em; font-style:italic; font-weight:300; letter-spacing:-1px; margin:3em 0 0.5em; padding:0.5em 0; text-align:right;}

.tit_dicas {background:url(../img/tit_dicas_fundo.jpg) center repeat-x; color:#6a9970; font-size:2.4em; font-weight:800; margin:2.5em 0 1em; text-transform:uppercase;}
.tit_dicas span {background:#FFF; padding:0 2em;}

.box_dica {text-align:left; width:24%;}
.box_dica + .box_dica {margin-left:1%;}
.box_dica img {max-width:262px; width:100%;}
.box_dica > p {font-size:1.23076923077em; font-weight:800; margin:1.2em 0 0.5em;}

.box_dica_int {font-size:1.25em; margin-bottom:1em; padding-top:1em;}
.box_dica_int + .box_dica_int {border-top:#c3c3c3 1px solid;}
.box_dica_int h2 {margin-top:0;}
.box_dica_int img {float:left; margin:0 1em 1em 0; max-width:300px; width:100%;}
.box_dica_int .botao {font-size:0.75em;}

.bloco_contato {width:45%;}
.bloco_localizacao {margin-left:4%; width:50%;}

.paginacao {text-align:center; margin-top:1em;}
.paginacao .selecionado {font-weight:700;}
.noticia_foto {float:right; margin:0 0 16px 16px; border:1px solid #aeaeae;}

.container {overflow:hidden;}

.bgcinza {background:#f6f1ed;}

.center {text-align:center;}

.font13 {font-size:1.3em;}
.font13 h1 {font-size:1.84615384615em;}
.font13 h2 {font-size:1.15384615385em;}
.font14 {font-size:1.4em;}
.font15 {font-size:1.5em;}

.esquerda {float:left;}
.direita {float:right;}

.envolve-botao {clear:both; font-weight:800; overflow:hidden; text-align:right; margin:1em 0; text-transform:uppercase;}
.envolve-botao * {margin:0; padding:0;}
.botao {display:inline-block; margin:0; padding:0;}
.botao a {background:#e0e1d9; border:#e0e1d9 4px solid; color:#929485; display:block; text-decoration:none;}
.botao a span {border:#FFF 2px solid; display:block; padding:0.8em 3.5em;}
.botao a:hover {background:#929485; border:#929485 4px solid; color:#FFF;}
input.botao {border:none; background:#e0e1d9; border:#e0e1d9 4px solid; color:#929485; display:block; margin:0 auto; padding:0.8em 1.5em; text-transform:uppercase;}
input.botao:hover {background:#929485; border:#929485 4px solid; color:#FFF; cursor:pointer;}

.form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append {width:100%;}
.form-horizontal input.botao {width:auto;}
.form-horizontal textarea {height:100px;}
.tit-form {font-size:1.3em; margin:1em 0 0;}
.form-horizontal .control-group {margin-top:1.5em;}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {display:table; line-height:0; content: "";}
.form-horizontal .control-label {display:block; padding:6px 0; color:#635a42; cursor:pointer; transition:.3s ease 0s; font-weight:300;}.form-horizontal .control-label:hover{color:#3f3f3f;}
.form-horizontal .control-right {text-align:right;}
.form-horizontal .control-right input {width:auto;}

.google-maps {position: relative; padding-bottom: 105%; height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

@media screen and (min-width:1160px) {
	div.int {width:1140px;}
	.menu li {margin:0 2.8em;}
	.perfil .newsletter {margin-top:-6em; width:60.75%;}
	.perfil .newsletter input[type="text"] {width:84%;}
	.instagram .tit_instagram {letter-spacing:2px;}
}

@media screen and (min-width:1100px) and (max-width:1159px) {
	div.int {width:1070px;}
	.menu li {margin:0 2.4em;}
	.perfil .newsletter {margin-top:-6em; width:58.1%;}
	.perfil .newsletter input[type="text"] {width:83%;}
	.instagram .tit_instagram {letter-spacing:1px;}
}

@media (min-width: 768px) and (max-width: 959px) {
	div.int {width: 724px;}
	#jquery {display:none;}
	.img_perfil {display:none;}
	.box_dica {margin-bottom:5%; width:40%;}
	.box_dica + .box_dica {margin-left:0;}
	.box_dica:nth-of-type(even) {margin-left:10%;}
	.perfil {width:60.666666666%;}
	.perfil .newsletter {margin-top:0; width:100%;}
	.perfil .newsletter input[type="text"] {width:84%;}
	.instagram {width:34.947368421%;}
	.instagram .tit_instagram {font-size:2.3em; letter-spacing:0;}
}

@media (max-width: 767px) {
	div.int {width: auto;}
	#topo {padding:2em 1em;}
	#topo > .int > div {float:none; text-align:center; width:100%;}
	#topo .direita {background:none; padding:0;}
	#jquery {display:none;}
	#rodape {padding:3em 1em 2em;}
	.menu {padding:0;}
	.menu li {margin:0.75em 0;}
	.menu a {display:block;}
	.img_perfil {display:none;}
	.box_dica {margin-bottom:5%; width:40%;}
	.box_dica + .box_dica {margin-left:0;}
	.box_dica:nth-of-type(even) {margin-left:10%;}
	.bloco_home {padding:0 1em 4em}
	.perfil {width:100%;}
	.perfil .newsletter {margin-top:0; width:100%;}
	.perfil .newsletter input[type="text"] {width:85%;}
	div[class^="span"].instagram {display:none;}
	.bloco_contato {width:100%;}
	.bloco_localizacao {margin:4em 0 0; width:100%;}
}

@media (max-width: 540px) {
	div.int {width: auto;}
	.box_dica {text-align:center; margin-bottom:10%; width:100%;}
	.box_dica:nth-of-type(even) {margin-left:0%;}
}